<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>便民平台</title>
    <!-- head 中 -->
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css"> -->
    <link rel="stylesheet" href="libs/weui.min.css">
    <link rel="stylesheet" href="libs/jquery-weui.min.css">


    <link rel="stylesheet" href="libs/common.css">
    <link rel="stylesheet" href="assets/css/publish.css">
  </head>

  <body>
    <div class="weui-tab">
      <div class="weui-search-bar" id="searchBar">
        <form class="weui-search-bar__form">
          <div class="weui-search-bar__box">
            <i class="weui-icon-search"></i>
            <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
            <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
          </div>
          <label class="weui-search-bar__label" id="searchText">
            <i class="weui-icon-search"></i>
            <span>搜索</span>
          </label>
        </form>
        <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
      </div>
      <div class="weui-panel">
        <div class="weui-panel__hd">电话列表</div>
        <div class="weui-panel__bd">
          <div class="weui-media-box weui-media-box_small-appmsg">
            <div class="weui-cells">
              <a class="weui-cell weui-cell_access" href="teldetail.html">
                <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd weui-cell_primary">
                  <p>拖车热线</p>
                </div>
                <span class="weui-cell__ft"></span>
              </a>
              <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd weui-cell_primary">
                  <p>烤鸭店电话</p>
                </div>
                <span class="weui-cell__ft"></span>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="weui-tabbar">
        <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
          <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="publish.html" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">信息聚合</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item">
          <p class="weui-tabbar__label">发布</p>
        </a>
        <a href="publish.html" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">电话薄</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item">
          <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">店铺</p>
        </a>
      </div>
    </div>
    <!-- body 最后 -->
    <!-- <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> -->
    <script src="libs/jquery.2.1.4.min.js"></script>
    <script src="libs/jquery-weui.min.js"></script>
  </body>

</html>